.md-top-hotel {position: relative; float: left; color: #fff}
.info-top-ht {
    background: url("../style/images/frontend/sd-title.png") repeat-x left top;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
}
.info-top-ht > div{
    padding: 0 10px 9px;
}
    .info-top-ht h3 {display: inline;}
        .info-top-ht h3 a{color: #fff; font-weight: bold; font-size: 12px; text-shadow: 1px 1px 0 #323232}
    .info-top-ht .dot {margin: 0 8px}
    a.place-ht {font-size: 11px; color: #fff; text-shadow: 1px 1px 0 #676767}
    .star-cost {margin: 4px 0 0}
    .star-ht {margin: 0 8px 0 0; display: inline-block;}
    .cost-ht {margin: 0 0 0 8px; display: inline-block;}
        .cost-ht span {font-weight: bold}

.col-ht-l {margin: 0 1px 0 0; width: 319px; float: left;}
.col-ht-m {margin: 0 1px 0 0; width: 360px; float: left;}
.col-ht-r {width: 319px; float: right;}
.md-small {height: 220px; margin: 0 0 1px;width:100%}
.md-large {height: 441px;}
img.large-img {width: 100%; height: 441px;}
img.small-img {width: 100%; height: 220px}
.md-top-hotel img.large-img, .md-top-hotel img.small-img {z-index: 1}
.col-ht-m .info-top-ht h3 a {font-size: 16px; font-weight: normal;}
.dot-sq {width: 2px; height: 2px; display: inline-block; margin: 0 6px; background: #fff; box-shadow: 1px 1px 0 #777; vertical-align: 2px}
.top-hotel .md-top-hotel .opa-gangnam-style {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity = 30);
}
.box-content .wrap-hotel-slide .viewport span.link,
.top-hotel .md-top-hotel span.link {
    display: none;
    background: white;
    color: blue;
    width: 85px;
    height: 31px;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    border: 1px solid blue;
    right: 0;
    bottom: 180px;
}

.top-hotel .md-top-hotel span.show_order {
    display: none;
    color: white;
    alignment-adjust: middle;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    margin: 0 auto ;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 3.5em;
}
.box-content .wrap-hotel-slide .viewport:hover span.link,
.top-hotel .md-top-hotel:hover .opa-gangnam-style,
.top-hotel .md-top-hotel:hover span.show_order,
.top-hotel .md-top-hotel:hover span.link {
    display: block;
}